@charset "utf-8";
.menu_v16 { margin-bottom:0px;}
.menu_v16 .allmenu .im0l_v16 {display:block;}


.dpn{ display:none;}
.im0l{display: block}
.head-b{margin-bottom:0px;}
#search_tips {margin:78px 0 0 360px;}
/*左右布局*/
.cdx-screen{width:1200px;margin:0px auto;overflow:hidden}
.cdx-screen .right{width:225px;float:right;margin-top:15px;background:#fff;box-shadow: 0px 0px 8px rgba(0,0,0,0.02);overflow:hidden;height:450px;}
.cdx-screen .middle{float:left;margin-left:235px;margin-top:15px;width:725px;overflow:hidden}
/*幻灯广告 THE*/
.l_banner { position:relative;}
.l_banner .hd { position:absolute; width:100%; height:35px; bottom:0; left:0;}
.l_banner .hd li { float:left; width:18.4%; margin-right:2%; background:rgb(0 0 0/.5); line-height:36px; font-size:12px; text-align:center; color:#fff;cursor:pointer;}
.l_banner .hd li:nth-child(5) { margin-right:0;}
.l_banner .hd li.on { background:rgb(255 255 255/.8); color:#f60;}


/*幻灯广告区域*/
.index_banner {width:100%; position:relative; overflow:hidden;height:490px;}
.index_banner .banner_swiper {z-index:0;overflow:hidden;width:100%;position:absolute;top:0;height:490px;}
.index_banner .banner_swiper a { width:100%; height:490px;display: flex;justify-content: center;overflow: hidden;}
.index_banner .banner_swiper a img { width:auto; height:490px;display: block;}
.index_banner .banner_swiper .b_menu { position:absolute;left:0;bottom:10px;z-index:10;width:100%; text-align:center;}
.index_banner .banner_swiper .b_menu ul { display:inline-block;}
.index_banner .banner_swiper .b_menu span { display:block; width:8px; height:8px; margin:0 5px; border-radius:50%; background:rgb(0 0 0/.4); float:left;}
.index_banner .banner_swiper .b_menu span.swiper-pagination-bullet-active { background:#fff;}

.m-screen { z-index:100;}



.slns ul{width:1230px;}
.slns ul li{float:left;width:215px;margin-right:18px;background:white;box-shadow: 0px 0px 8px rgba(0,0,0,0.05);margin-top:15px; text-align:center;}
.slns ul li img{width:100%; height:150px;text-align:center;border-radius:10px}
.slns ul li h5{font-size:16px;font-weight:normal;overflow:hidden;padding:10px 0}
.slns ul li p{color:#999;line-height:23px;height:23px;overflow:hidden}
    
.floor-box{height:390px;overflow:hidden;background:white;border-radius:8px;}
.floor-title {overflow:hidden;padding:15px 15px;border-bottom:#eee 1px solid}
.floor-title h2 {font-size: 20px; color:#303030; font-weight: bold; float:left; position:relative;line-height:20px;overflow:hidden;height:24px}
.floor-title h2 strong {font-weight: bolder;font-size:24px; padding-right: 6px; position:relative;top:2px;}
.floor-title .floor-menu {height: 20px; margin: 4px 0; letter-spacing: -4px; width:700px; text-align: right; float:right}
.floor-title .floor-menu a {display: inline-block; letter-spacing: normal; height: 20px; line-height: 20px; margin-left: 18px; font-size: 14px;}
.floor-title .floor-menu a i {font-style:normal;color:#777;padding:0 0px 0px 5px; font-size:16px;font-weight:bold;font-family:simsun;}
.f1 strong{color:#f53858}
.f1 ul li{background:#f53858}
.f2 strong{color:#fa7e19}
.f2 ul li{background:#fa7e19}
.f3 strong{color:#1873d9}
.f3 ul li{background:#1873d9}
.f4 strong{color:#36ad95}
.f4 ul li{background:#36ad95}
.f5 strong{color:#8e4baa}
.f5 ul li{background:#8e4baa}
.f6 strong{color:#ff7200}
.f6 ul li{background:#ff7200}
.f7 strong{color:#f46}
.f7 ul li{background:#f46}
.f8 strong{color:#d10000}
.f8 ul li{background:#d10000}



.bigad img{border-radius:4px;}
.cat-left{width:220px;float:left; background:#efefef;height:370px;}
.cat-left-img{width:210px;height:230px;margin:30px 5px 20px 5px;overflow:hidden}
.cat-left-img img{width:210px;cursor: pointer;transition: all 0.6s;}
.cat-left:hover img{transform: scale(1.05);}
.cat-left-tag{width:180px;margin:0px auto}
.cat-left-tag ul li{float:left; text-align:center;padding:5px 0px;color:white;width:46%;margin:0px 2%; cursor:pointer}

.cat-middle {overflow:hidden;width:425px;padding-left:23px;padding-top:12px;float:left;height:330px; background:white;}
.cat-middle ul {overflow:hidden; float:left;width:50%;height:110px;}
.cat-middle li {float:left;height:25px;line-height:25px;font-size:12px;margin-right:12px;overflow:hidden}
.cat-middle strong {font-size:16px;}

.cat-middle li.wline{width:200px;overflow:hidden;height:30px;}
.cat-middle li.wline a{color:#ff7200}

.picScroll-left { }
.picScroll-left .hd { }
.picScroll-left .hd { display:flex; align-items:center; height:40px;}
.picScroll-left .hd h2 { font-size:16px; font-weight:400;}
.picScroll-left .hd ul { margin-left:auto; display:flex;}
.picScroll-left .hd ul li { width:8px; height:8px; border-radius:8px; margin:0 2px; background:#dbdbdb; transition:all .5s ease; font-size:0;cursor: pointer;}
.picScroll-left .hd ul li.on { width:15px; background:#f60;}
.picScroll-left .bd { }
.picScroll-left .bd ul { overflow:hidden;}
.picScroll-left .bd ul li { float:left; width:156px; margin-right:10px; position:relative;}
.picScroll-left .bd ul li img { width:100%;}
.picScroll-left .bd ul li p { position:absolute; left:0; bottom:0; right:0; padding:0 15px; line-height:26px; color:#fff; background:rgb(0 0 0/.6); font-size:12px; text-align:center;}

.cat-right{width:490px;float:right;overflow:hidden; padding:10px 20px 0; border-left:#f5f5f5 1px solid;height:330px; background:white;border-right:#eee 1px solid;}
.cat-right h3{font-size:16px; font-weight:normal;}
.cat-right ul.com {padding-top:8px;}
.cat-right ul.com li { line-height:24px;font-size:12px;overflow:hidden}
.cat-right ul.com li a{ width:230px;display:block;float:left}

.past_box ul { margin-top:5px; width:1230px;}
.past_box ul li { overflow:hidden; padding:15px 10px;box-sizing:border-box;}
.past_box ul li {float:left;width:375px;margin-right:15px}
.past_box ul li:nth-child(3n+3) { margin-right:0;}

.past_box ul li:hover{box-shadow: 0 0 15px rgb(0 0 0/.1);}
.past_box ul li .image { float:left; width:30%; margin-right:15px;}
.past_box ul li .image img { width:100%;}
.past_box ul li strong { display:block; font-size:16px; color:#333; margin-bottom:5px;}
.past_box ul li:hover strong { color:#f60;}
.past_box ul li p { font-size:12px; color:#888; line-height:20px;}

/*视频推荐*/
.VideoRecList { padding-top:18px;}
.VideoRecList ul { display:flex; flex-wrap:wrap;}
.VideoRecList ul li { width:19.2%; margin-right:1%; transition: all .5s;}
.VideoRecList ul li:hover { box-shadow: 0 0 15px rgb(0 0 0/.1);}
.VideoRecList ul li:nth-child(5n+5) { margin-right:0;}
.VideoRecList ul li .image { width:100%; border-radius:4px; overflow:hidden; position:relative;}
.VideoRecList ul li .image img { width:100%;}
.VideoRecList ul li .image a:before { content:'\e991'; display:flex; align-items:center; font-family: 'iconfont'; font-size:100px; transition: all .3s;justify-content: center; color:rgb(255 255 255/0);position: absolute; top:0; left:0; right:0; bottom: 0; background: rgb(0 0 0/0);}
.VideoRecList ul li .image:hover a:before { font-size:70px; background: rgb(0 0 0/.4); color:rgb(255 255 255/1);}
.VideoRecList ul li .text { background:#fff; padding:5px 0px; border-radius:0 0 4px 4px;}
.VideoRecList ul li .text h3 { line-height:34px; font-size:14px; color:#000; display:block; font-weight:400; text-align:center}

/*广告样式 THE*/
.i_ad_4 { overflow:hidden;}
.i_ad_4 a { float:left; width:290px; display:block; margin-right:13.333333px;}
.i_ad_4 a:nth-child(4n+4) { margin-right:0;}
.i_ad_4 a img { width:100%;}
/*广告样式 THE*/


.title_box { height:30px; line-height:30px;}
.title_box strong { font-size:24px; color:#000; float:left;margin-right:20px;}
.title_box p { font-size:14px; color:#999;line-height:38px;}
.title_box span{float:right;font-size:14px;}


.main_box { padding:24px; background:#fff; overflow:hidden; border-radius:4px;box-shadow: 0 0 10px rgb(0 0 0 / 3%);}
.zyhh_left { margin-top:15px; position:relative;width:1230px}
.zyhh_left ul li { float:left; width:218px;margin-right:15px;margin-bottom:10px;}
.zyhh_left ul li a { box-sizing:border-box; display:block;}
.zyhh_left ul li .image {  overflow:hidden;border:#eee 1px solid}
.zyhh_left ul li .image img { width:100%; }
.zyhh_left ul li strong { font-size:14px; display:block; font-weight:400; margin:8px 0;text-align:center}



/*.floor_main{overflow: hidden;}*/
.floor_main dl{width:590px;float:left;overflow: hidden;position:relative;height:450px;margin-top:20px;border-radius:4px;box-shadow: 0 0 10px rgb(0 0 0 / 3%);}
.floor_main dl .image{position:absolute;top: 0;width:590px;height:210px;}

.floor_main.f_1 dl:nth-child(1) .image { background:#286ab6;}
.floor_main.f_1 dl:nth-child(2) .image { background:#648455;}
.floor_main.f_1 dl:nth-child(3) .image { background:#b62a4f;}
.floor_main.f_1 dl:nth-child(4) .image { background:#ab6953;}
.floor_main.f_1 dl:nth-child(5) .image { background:#65b75a;}
.floor_main.f_1 dl:nth-child(6) .image { background:#e66f2a;}


.floor_main dl .image img{width:210px; height:210px; float:right; margin-right:20px;}
.floor_main dl:nth-child(even) {float:right}
.floor_main dl dt{font-size: 26px;padding:30px;position:relative;}
.floor_main dl dt a{color:white;}
.floor_main dl dd{width:250px;height:95px;padding:0px 30px;overflow:hidden;position:relative;}
.floor_main dl dd a{display: block;border:#f9f9f9 1px solid;line-height: 30px;border-radius: 3px;float:left;width:100px;color:white; text-align:center;font-size:12px;margin:0px 15px 15px 0;padding:0 10px; box-sizing: border-box; background:rgb(255 255 255/.1);}
.floor_main dl dd a:hover{background:rgba(0,0,0,0.1);}

.floor_product { overflow:hidden; margin-top:20px;background:white;padding:0px 16px}
.floor_product ul li { width:25%; background:#fff; float:left; padding:15px; box-sizing:border-box;}
.floor_product ul li:nth-child(4n+4) { margin-right:0;}
.floor_product ul li .pimage { width:100%; display:block; margin:5px auto 0;overflow:hidden; border-radius:5px; border:1px solid #f5f5f5;}
.floor_product ul li img{width:100%;transition: all 0.3s;}
.floor_product ul li:hover img{ transform: scale(1.1);}
.floor_product ul li p { margin:10px 0; line-height:20px; height:40px; font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden;}
.floor_product ul li span { font-size:18px; color:#e5242b;}
.floor_product ul li span i { font-size:14px;}

.sell_cdtj { background:#fff; overflow:hidden; padding:20px 30px 30px; border-radius:4px;box-shadow: 0 0 10px rgb(0 0 0 / 3%);}
.sell_cdtj_title { height:20px; line-height:20px; margin-bottom:20px;}
.sell_cdtj_title strong { font-size:20px; color:#333; float:left;}
.sell_cdtj_title strong:before { content:''; display:block; width:4px; height:20px; background:#2e98ff; border-radius:2px; float:left; margin-right:10px;}
.sell_cdtj_title a.prev { float:right; color:#999; font-size:14px; cursor:pointer;}
.sell_cdtj_title a.prev:before { content:'\e99c'; font-family: 'iconfont'; font-size:16px; margin-right:2px; float:left;}

.product_cdtj { margin-top:15px;}
.product_cdtj dl dd { width:19.2%; margin-right:1%;float:left;box-sizing:border-box; border:1px solid #eee; background:#fff;}
.product_cdtj dl dd:hover { border:1px solid #2e98ff;}
.product_cdtj dl dd:nth-child(5n+5) { margin-right:0;}
.product_cdtj dl dd:nth-child(1n+6) { margin-top:1%;}
.product_cdtj dl dd .image { width:100%; position:relative;}
.product_cdtj dl dd .image em {height: 32px;line-height: 32px;position: absolute;left: 0;bottom: 0;width: 100%;font-size: 14px;background: rgb(46 152 255/.8);color: #fff;text-align: center;display: none;}
.product_cdtj dl dd:hover .image em { display:block;}
.product_cdtj dl dd .image img { width:100%;}
.product_cdtj dl dd .text { padding:10px;}
.product_cdtj dl dd .text .price { font-size:12px; color:#999; line-height:26px; height:26px;}
.product_cdtj dl dd .text .price b { font-size:16px; color:#ff9900; float:left;}
.product_cdtj dl dd .text .price em { float:right; } 
.product_cdtj dl dd .text .price em:before { content:'\e9d6'; font-family: 'iconfont'; font-size:16px; margin-right:2px; float:left;}
.product_cdtj dl dd .text strong { font-weight:400; color:#333; font-size:12px; line-height:20px; display:block; height:40px;}
.product_cdtj dl dd .text strong a { color:#333;}
.product_cdtj dl dd:hover .text strong a { color:#007aff;}
.product_cdtj dl dd .text p { font-size:12px; color:#999;line-height:26px; height:26px;}
.product_cdtj dl dd .text p a { color:#999;}
.product_cdtj dl dd .text font { float:left; margin-right:2px;}
.product_cdtj dl dd .text font img { height:12px;transform: translate(0, -1px);}

.product_cdtj.product_cdtj_show dl dd { width:19.2%;}
.product_cdtj.product_cdtj_show dl dd:nth-child(6n+6) { margin-right:1%;} 
.product_cdtj.product_cdtj_show dl dd:nth-child(5n+5) { margin-right:0;}
.product_cdtj.product_cdtj_show dl dd:nth-child(1n+6) { margin-top:1%;}